<div class="orgInfo">
    <div class="tree">
        <h2>机构列表</h2>
        <div dx-tree-view="treeViewConfig"></div>
    </div>
    <div class="view">
        <h2 ng-hide="groupInfo.name">社团列表<span class="record-count">(共<span ng-bind="groupGridConfig.dataSource.length"></span>个社团)</span></h2>
        <div dx-data-grid="groupGridConfig" ng-hide="groupInfo.name">
            <div data-options="dxTemplate: { name: 'statusCellTemplate' }">
                <span  ng-class="{true: 'green', false: 'red'}[data.delStatus == 0]">{{data.delStatus == 0 ? '正常':'冻结'}}</span>
            </div>
            <div data-options="dxTemplate: { name: 'operationCellTemplate' }">
                <div class="operation">
                    <a ng-click="$parent.showGroupInfo(data)"><i></i>查看社团</a>
                    <a ng-click="$parent.showVolunteerList(data)"><i></i>查看成员</a>
                </div>
            </div>
        </div>
        <h2 ng-show="groupInfo.name">社团详情</h2>
        <form class="form-horizontal" ng-show="groupInfo.name">
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="groupCode" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        一号通
                    </label>
                    <input type="text" ng-model="groupInfo.groupCode" ng-disabled="true" class="form-control" id="groupCode"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="name" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        社团全称
                    </label>
                    <input type="text" ng-model="groupInfo.name" ng-disabled="true" class="form-control" id="name"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="shortName" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        社团简称
                    </label>
                    <input type="text" ng-model="groupInfo.shortName" ng-disabled="true" class="form-control" id="shortName"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-sm-6 form-group">
                    <label for="monitor" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        负责人
                    </label>
                    <input type="text" ng-model="groupInfo.monitor" ng-disabled="true" class="form-control" id="monitor"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="phone" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        联系电话
                    </label>
                    <input type="text" ng-model="groupInfo.phone" ng-disabled="true" class="form-control" id="phone"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        所在地区
                    </label>
                    <div style="flex:1;line-height: 40px;">
                        <span ng-bind="groupInfo.province"></span>
                        <span ng-bind="groupInfo.city"></span>
                        <span ng-bind="groupInfo.district"></span>
                    </div>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="regAddress" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        详细地址
                    </label>
                    <input type="text" ng-model="groupInfo.regAddress" ng-disabled="true" class="form-control" id="regAddress"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="setupDate" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        成立日期
                    </label>
                    <input type="text" ng-model="groupInfo.setupDate" ng-disabled="true" class="form-control" id="setupDate"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="serviceField" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        服务领域
                    </label>
                    <input type="text" ng-model="groupInfo.serviceField" ng-disabled="true" class="form-control" id="serviceField"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="code" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        社团代码
                    </label>
                    <input type="text" ng-model="groupInfo.code" ng-disabled="true" class="form-control" id="code"/>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group" style="height: inherit;">
                    <label for="phone" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        社团证件
                    </label>
                    <div style="flex:1;">
                        <img ng-src="{{groupInfo.codeImg}}" alt="" style="width: 100%;"/>
                    </div>
                </div>
            </div>
            <div class="form-inline col-sm-12">
                <div class="col-xs-6 form-group">
                    <label for="demo" class="text-right">
                    <span class="required-color">
                        *
                    </span>
                        社团简介
                    </label>
                    <input type="text" ng-model="groupInfo.demo" ng-disabled="true" class="form-control" id="demo"/>
                </div>
            </div>
            <div class="form-inline col-xs-12 form-footer">
                <div class="col-sm-12">
                    <a class="col-sm-offset-3 col-sm-2 btn btn-primary" ng-click="groupInfo = {}">返回</a>
                </div>
            </div>
        </form>
    </div>
</div>
